$('#background-color').ColorPicker({
    color: $('#background-color').val(),
    onShow: function (colpkr) {
        $(colpkr).fadeIn(500);
        return false;
    },
    onHide: function (colpkr) {
        $(colpkr).fadeOut(500);
        return false;
    },
    onChange: function (hsb, hex, rgb) {
        $('#background-color').val(hex);
        bind_background('background-color','#' + hex);
    }
});
$('#border-color').ColorPicker({
    color: $('#border-color').val(),
    onShow: function (colpkr) {
        $(colpkr).fadeIn(500);
        return false;
    },
    onHide: function (colpkr) {
        $(colpkr).fadeOut(500);
        return false;
    },
    onChange: function (hsb, hex, rgb) {
        $('#border-color').val(hex);
        bind_background('border-color','#' + hex);
    }
});
$('#color').ColorPicker({
    color: $('#color').val(),
    onShow: function (colpkr) {
        $(colpkr).fadeIn(500);
        return false;
    },
    onHide: function (colpkr) {
        $(colpkr).fadeOut(500);
        return false;
    },
    onChange: function (hsb, hex, rgb) {
        $('#color').val(hex);
        bind_background('color','#' + hex);
    }
});
$('#bg-none').bind('click', function(){
    klase_stilovi[active_node]['background-color'] = 'transparent'; 
    preview_style('background-color', 'transparent');
    $('#background-color').val("");
})
edit_style = false;
if(style_id==false){
    edit_style = false;  
}else{
    edit_style = true;        
}
if(edit_style==true){
    $.ajax({
        type: 'POST',
        url: sys_url+'style/citaj_klase_stilova/stylecustom_id',    // $custom_or_default = stylecustom_id;
        data: ({ id : style_id}),
        dataType: 'json',
        success: function(data){
            klase_stilovi =data.style; 
            renderStyleEdit('lss-box');
            kreiraj_stil(true);
        },
        error:function(content){alert("Error: " + content);}
    });
}else{
    klase_stilovi = style_default;
    renderStyleEdit('lss-box');
    kreiraj_stil(true);
}
function uredi_kreiraj_stil(edit_style) {
    if(edit_style==true){    
        $.ajax({
            type: 'POST',
            url: sys_url+'style/uredi_klase_stilova',
            data: ({ 
                id : style_id, 
                name :$('#style_name').val(),
                style :klase_stilovi
            }),
            dataType: 'json',
            success: function(data){
                if(data.sucess){
                    window.location=sys_url+"style/kreiraj_info/2"; 
                }else{
                    alert("Error ocured..")
                }
            },
            error:function(content){alert("Error: " + content);}
        });
    }else{ 
        $.ajax({
            type: 'POST',
            url: sys_url+'style/kreiraj_klase_stilova',
            data: ({ 
                name :$('#style_name').val(),
                style :klase_stilovi
            }),
            dataType: 'json',
            success: function(data){
                if(data.sucess){
                    window.location=sys_url+"style/kreiraj_info/1";
                    
                }else{
                    alert("Error ocured..")
                }
            },
            error:function(content){alert("Error: " + content);}
        }); 
    }
}
var counter = 0;
var submits = 0;
$('input[name=style_name]').keyup(function() {
    $('#headinginner span').text($(this).val());
    if($('#headinginner span').text()=='')$('#headinginner span').text('Moj stil');
});
/*VALIDATE FORM ANKETA*/
$('#formSTYLE').submit(function(){
    $('.ValidationErrors').css('display','none');
    var valid = true;
    if(!$("#style_name").checkQuestion()){
        create_error('question_error','Molimo unestite naziv za stil.');
        valid = false; 
    }
    if(valid){
        uredi_kreiraj_stil(edit_style);
    }else{
        $('html, body').animate({scrollTop:0}, 'slow');
        return false;
    }
    return false;
})
/*DISPLAY FORM ERRORS*/    
function create_error(id,message){
    $('#'+id).html(message);
    $('#'+id).css('display','block');        
}
/*DISPLAY CONSLOE MESSAGES*/
//console.log("Hello there!")
$('#styleID').bind('change', function(){ 
    $.ajax({
        type: 'POST',
        url: sys_url+'style/citaj_klase_stilova/style_id',  // $custom_or_default = style_id;
        data: ({ id : $(this).val()}),
        dataType: 'json',
        success: function(data){
            klase_stilovi = undefined;
            $("head style").remove();
            klase_stilovi =data.style; 
            renderStyleEdit('lss-box');
            kreiraj_stil();
        },
        error:function(content){alert("Error: " + content);}
    });
})
